<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>
<script>
    export default {
        name: 'APP'
    }
</script>
<style rel="stylesheet/scss" lang="scss">
    html, body {
        width: 100%;
        height: 100%;
    }
    #app {
        background: #f0f2f5;
    }
    /* 表格居中 */
    
    .el-table td, .el-table th.is-leaf {
        text-align: center;
    }
    /* 表格标题 */
    
    .el-table th>.cell {
        color: #000;
    }
    /* 表格的高度 */
    
    .el-table__row {
        height: 54px;
    }
    /* checkbox选中时的样式 */
    
    .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
        background: #e7251a;
        border-color: #e7251a;
    }
    /* checkbox选中时的默认样式 */
    
    .addCoupon .all_datas, .editCoupon .all_datas {
        .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
            background: #409EFF;
            border-color: #409EFF;
        }
    }
    /* 分页选中时的样式 */
    
    .el-pager li.active {
        color: #fff;
        background: #e7251a;
        border-radius: 5px;
    }
    /* 分页未选中时的样式 */
    
    .el-pager li {
        border: 1px solid #d9d9d9;
        border-radius: 5px;
        margin-left: 15px;
    }
    /* input框样式居中 */
    
    .send_coupon {
        .dialog_box {
            .i_num .el-input__inner {
                padding: 0;
                text-align: center;
            }
        }
    }
    /* 选项卡样式 */
    
    .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
        border: 1px solid #e7251a;
        color: #e7251a;
    }
    /* 表格排序箭头样式 */
    
    .el-table .caret-wrapper {
        height: 36px;
    }
    /* radio选中时的样式 */
    
    .el-radio__input.is-checked .el-radio__inner {
        border-color: #e7251a;
        background: #e7251a;
    }
    /* radio选中时的字体样式 */
    
    .el-radio__input.is-checked+.el-radio__label {
        color: #000;
    }
    .add_market, .addCoupon, .editCoupon, .send_coupon, .integral {
        .el-dialog__body {
            padding: 0;
            padding-bottom: 20px;
        }
    }
    .addCoupon, .editCoupon {
        .allCheckboxs {
            .el-checkbox__label {
                padding-left: 5px;
            }
        }
    }
    .integral {
        .dialog_content {
            .el-table .cell {
                height: 40px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }
    }
    .editCoupon, .addCoupon {
        .el-tag {
            background: #fff;
            color: #000;
            margin-left: 5px;
            border: 1px solid #D1D1D1;
        }
    }
    .user_analysis {
        .el-tabs--border-card>.el-tabs__content {
            padding: 0;
        }
        .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
            color: #e7251a;
            border: 1px solid #e7251a;
        }
        .el-tabs__active-bar{
        	background: #e7251a;
        }
        .el-tabs__item.is-active{
        	color: #e7251a;
        }
        .el-tabs__nav{
        	z-index: 0;
        } 
        .el-tabs__nav-wrap::after{
        	height: 0;
        }           
    }
    .order_analysis {
        .el-menu--horizontal>.el-menu-item.is-active, .el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
            border-bottom: 2px solid #e7251a;
            color: #e7251a;
        }
        .el-menu--horizontal {
            margin-bottom: -12px;
        }      
        .el-tabs__active-bar{
        	background: #e7251a;
        }
        .el-tabs__item.is-active{
        	color: #e7251a;
        }
        .el-tabs__nav{
        	z-index: 0;
        } 
        .el-tabs__nav-wrap::after{
        	height: 0;
        }   
    }
    .add_market {
        .el-checkbox-button.is-checked .el-checkbox-button__inner {
            background: #fff;
            border: 1px solid #e7251a;
            color: #e7251a;
            &:hover {
                color: red;
            }
        }
        .el-checkbox-group {
            white-space: nowrap;
        }
    }
    .refundorder {
        .el-table th {
            background: #eee;
            border: 1px solid #eee;
        }
    }
    .addCoupon {
        .el-dialog__body {
            max-height: 600px;
            overflow: auto;
        }
    }
    .levelAdd {
        .dialog_content {
            .el-table .cell {
                height: 40px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }
    }
    .systemSet {
        .dialog_content {
            .el-table .cell {
                height: 40px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }
    }
    .massMsg {
        .el-textarea__inner {
            height: 100px;
        }
    }
    .order_detail {
        .el-dialog__body {
            padding: 0;
        }
    }
    .dashboard,.user_analysis{
    	.el-date-editor .el-range__close-icon{
    		display:none;
    	}
    	.highcharts-credits{
    		display:none!important;
    	}
    }
</style>